﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <link href="../../assets/lib/layui/css/layui.css" rel="stylesheet" />
    <link href="../../assets/lib/font-awesome-4.7.0/css/font-awesome.css" rel="stylesheet" />
    <link href="../../assets/lib/winui/css/winui.css" rel="stylesheet" />
    <link href="../../assets/winui/weui.css" rel="stylesheet" />
</head>
<body style="overflow: hidden;">
    <div class="winui-toolbar">
        <div class="winui-tool">
            <button type="button" id="addPageBean" class="winui-toolbtn"><i class="fa fa-plus" aria-hidden="true"></i>新增页面</button>
            <button type="button" id="savePageModelBean" class="winui-toolbtn"><i class="fa fa-floppy-o" aria-hidden="true"></i>保存页面</button>
        </div>
    </div>
    
    <div class="layui-row smpro">
    	<div class="layui-col-xs3 left-menu">
    		<div class="layui-tab layui-tab-card hei-100-per">
				<ul class="layui-tab-title">
					<li class="layui-this">页面管理</li>
					<li>组件管理</li>
				</ul>
				<div class="layui-tab-content tab__item">
					<div class="layui-tab-item layui-show hei-100-per">
						<ul style="overflow-y: scroll;height: 100%; overflow-x: hidden;" id="pageList">
						</ul>
					</div>
					<div class="layui-tab-item hei-100-per">
						<div class="page__bd page__bd_spacing hei-100-per" id="groupTab">
					        <ul id="groupMember" style="overflow-y: scroll;height: 100%;">
					            
					         </ul>
					     </div>
					     <div class="page__bd page__bd_spacing hei-100-per" id="groupMemberTab">
					     	<div class="winui-toolbar">
						        <div class="winui-tool">
						            <button class="winui-toolbtn" id="returnGroupTab"><i class="fa fa-chevron-left" aria-hidden="true"></i>返回</button>
						            <font id="groupTitle" class="winui-toolbtn"></font>
						        </div>
						    </div>
						    <div class="page__bd page__bd_spacing member-list-div">
						    	<div class="layui-row member-list" id="memberList" style="overflow-y: scroll;height: 100%;">
								    
								</div>
						    </div>
					     </div>
					</div>
				</div>
			</div>
    	</div>
    	<div class="layui-col-xs6 center-content">
	    	<div class="iphone layui-col-xs8 layui-col-xs-offset2 layui-col-sm8 layui-col-sm-offset2 layui-col-md6 layui-col-md-offset3" style="margin-top: -60px; height: calc(100vh + 80px);">
				<div class="iphone-top"> <span class="camera"></span> <span class="sensor"></span> <span class="speaker"></span> </div>
				<div class="top-bar"></div>
				<div class="iphone-screen" id="centerText">
					
				</div>
				<div class="buttons"> <span class="on-off"></span> <span class="sleep"></span> <span class="up"></span> <span class="down"></span> </div>
				<div class="bottom-bar"></div>
			</div>
    	</div>
    	<div class="layui-col-xs3 right-menu">
    		<div class="layui-tab layui-tab-card hei-100-per">
				<ul class="layui-tab-title">
					<li class="layui-this">页面属性</li>
					<li>数据管理</li>
				</ul>
				<div class="layui-tab-content">
					<div class="layui-tab-item layui-show">
						<form class="layui-form" action="" id="showForm" autocomplete="off">
							
						</form>
					</div>
					<div class="layui-tab-item">2</div>
				</div>
			</div>
    	</div>
   	</div>
    
    <script src="../../assets/lib/layui/layui.js"></script>
    <script src="../../assets/lib/layui/custom.js"></script>
    <script src="../../assets/winui/jweixin-1.0.0.js"></script>
   	<script src="../../assets/winui/weui.min.js"></script>
    <script type="text/javascript">
        layui.config({base: '../../js/rmmysmpropage/'}).use('mysmpropagelist');
    </script>
</body>
</html>